<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<s:if test="hasActionErrors()">
	<span class="errors"><s:actionerror /></span>
</s:if>

<div id="rightPan">
	<div id="rightbodyPan">
		<div align="center"><p style=" font-size: 24px; padding: 10px 0 5px 0;" >สั่งซื้อสินค้า</p></div>

		<script type="text/javascript">
			function finish()
			{
				document.getElementById( 'order_finish' ).submit();
			}
		</script>

		<table width="100%">
			<tr>
				<td width="33%"><div align="center">
						<img src="../images/check-green.jpg" width="50" height="50" border="0" usemap="#checkMap" />
			  </div></td>
				<td width="33%"><div align="center">
						<img src="../images/check-green.jpg" width="50" height="50" border="0" usemap="#confirmMap" />
			  </div></td>
				<td width="34%"><div align="center">
						<img src="../images/check-green.jpg" width="50" height="50" border="0" usemap="#finishMap" />
			  </div></td>
			</tr>
			<tr>
				<td width="33%"><div align="center">ตรวจสอบรายการสั่งซื้อสินค้า</div></td>
				<td width="33%"><div align="center">ยืนยันการสั่งซื้อ<br/>ตรวจสอบที่อยู่ที่ใช้ในการจัดส่ง</div></td>
				<td width="34%"><div align="center">การสั่งซื้อเสร็จสมบูรณ์</div></td>
			</tr>
		</table>
		<hr/>
		
		<table width="100%">
			<tr>
				<td width="33%"></td>
				<td width="33%"><div align="center">รายการสั่งซื้อของท่าน<br/>เสร็จสมบูรณ์แล้วค่ะ</div></td>
				<td width="34%"></td>
			</tr>
		</table>
		<hr/>

		<s:form id="order_finish" action="order_finish" theme="simple">
			<table width="100%">
				<tr>
					<td width="100%"><div align="center"><p style=" font-size: 22px; font-weight: bold; padding: 10px 0 5px 0; ">
					แนะนำการให้อาหาร<s:label key="orderForm.dogName"/></p></div></td>
				</tr>
			</table>
			<table width="100%">
				<tr>
					<td width="25%"><div align="center">
						<p style="font-weight:bold; padding: 0 0; margin: 0 0; ">น้ำหนัก</p></div></td>
					<td width="25%"><div align="center">
						<p style="font-weight:bold; padding: 0 0; margin: 0 0;">อายุ</p></div></td>
					<td width="25%"><div align="center">
						<p style="font-weight:bold; padding: 0 0; margin: 0 0;">ระดับกิจกรรม</p></div></td>
					<td width="25%"><div align="center">
						<p style="font-weight:bold; padding: 0 0; margin: 0 0;">แคลอรี่ที่ต้องการ<br/>ใน 1 วัน</p></div></td>
				</tr>
				<tr>
					<td width="25%"><div align="center"><s:label key="orderForm.dogWeight"/> กิโลกรัม</div></td>
					<td width="25%"><div align="center"><s:label key="orderForm.dogAge"/></div></td>
					<td width="25%"><div align="center"><s:label key="orderForm.dogActivity"/></div></td>
					<td width="25%"><div align="center"><s:label key="orderForm.calloriesPerDay"/></div></td>
				</tr>
			</table>
			<hr/>
			
			<s:iterator value="orderFoodList">
	  			<tr>
	  				<td colspan="4"><div align="center"><p id="productName"><s:property value="foodName"/></p></div></td>
	  			</tr>
	  			<tr>
	  				<td colspan="4"><div align="center"><p id="productDesc"><s:property value="description"/></p></div></td>
	  			</tr>
	  			<tr align="center">
	  				<s:set var="varUrl" value="imageName"/>
	  				<td colspan="4"><div align="center">
	  				<img src="<s:url value="/images/product/food/%{varUrl}"/>"/></div></td>
	  			</tr>
	  			<tr>
	  				<td></td>
	  				
	  				<s:if test="orderForm.minStandardWeight!=0">
						<td width="100%"><div align="center">
						<p style=" font-size: 16px; font-weight: bold; padding: 5px 0 5px 0;">
						ต้องการเพิ่มน้ำหนัก ให้ได้ตามมาตรฐานพันธุ์ <s:label key="orderForm.minStandardWeight"/> - 
						<s:label key="orderForm.maxStandardWeight"/> กิโลกรัม</p></div></td>
					</s:if>
	  				
					<s:if test="dietWeekList==null">
						<td width="100%"><div align="center">
						<p style=" font-size: 16px; font-weight: bold; padding: 5px 0 5px 0;">
						ใน 1 วัน <s:label key="orderForm.dogName"/>ควรได้รับอาหารในปริมาณ 
						<s:if test="orderForm.minStandardWeight!=0">ประมาณ</s:if>
						
						&nbsp;<s:property value="cups"/>
						<s:if test="sub!=0">
						<sup><s:property value="sub"/></sup>
						&frasl;<sub>4</sub> 
						</s:if>
						ถ้วย<s:property value="suggestPerDay"/>
						
						</p></div></td>
					</s:if>
					
					<s:if test="dietWeekList.size()!=0">
						<div align="center">ต้องการลดน้ำหนัก ให้ได้ <s:label key="orderForm.idealWeight"/> กิโลกรัม</div>
	  					<table>
	  						<s:iterator value="dietWeekList">
							<tr>
								<td><p style=" font-size: 13px; padding: 0 0 0 20px;">
								สัปดาห์ที่ <s:label key="week"/></p></td>
								<td><p style=" font-size: 13px; padding: 0 0 0 0;">
								<s:label key="orderForm.dogName"/>ควรได้รับอาหารในปริมาณ&nbsp;<s:property value="cups"/>
									<s:if test="sub!=0">
									<sup><s:property value="sub"/></sup>
									&frasl;<sub>4</sub> 
									</s:if>
									ถ้วย<s:property value="suggestPerDay"/></p></td>
								<td><p style=" font-size: 13px; padding: 0 0 0 0;">
								เพื่อให้หนัก <s:label key="kiloPerWeek"/> กิโลกรัม</p></td>
							</tr>
	  						</s:iterator>
	  					</table>
					</s:if>
					
  					<table width="100%">
  						<tr>
  							<td width="25%"><p id="productCalc">ซื้อ(ถุง)</p></td>
  							<td width="25%"><p id="productCalc">ขนาด(กิโลกรัม)</p></td>
  							<td width="25%"><p id="productCalc">รวม(กิโลกรัม)</p></td>
  							<td width="25%"><p id="productCalc">เลี้ยงสุนัขได้ (วัน)</p></td>
  						</tr>
						<tr>
							<td width="25%"><p id="productDetail"><s:label key="amount"/></p></td>
							<td width="25%"><p id="productDetail"><s:label key="sizeKg"/></p></td>
							<td width="25%"><p id="productDetail"><s:label key="totalKilogram"/></p></td>
							<td width="25%"><p id="productDetail"><s:label key="totalDay"/></p></td>
						</tr>
  					</table>
	  			</tr>
			</s:iterator>
			<hr/>
				
			<td width="100%"><div align="right"><p style=" font-size: 16px; font-weight: bold; padding: 10px 0 0 0; ">
			รวม เลี้ยงสุนัขได้ <s:label key="orderForm.totalDays"/> วัน</p></div></td>

			1 ถ้วย มีปริมาณเท่ากับ 100 กรัม
			
			<input onclick="finish()" type="button" value="พิมพ์" id="button"
				style="margin: 30px 0 0 280px; padding: 0 0 30px 0; "></input>
				
		<div align="center" style=" padding-top: 10px;">
			<p>การชำระเงินค่าสินค้า</br>
	โดยโอนผ่านธนาคารของทางร้าน</br></br>
	ชื่อบัญชี เมธาวดี  ศรีวัฒนศักดิ์ บัญชีออมทรัพย์</br>
	ธนาคารไทยพาณิชย์ SCB สาขาหมู่บ้านนักกีฬา</br>
	เลขที่บัญชี 211-216-399-0</br></br>
	หลังโอนเงินเรียบร้อยแล้วสามารถโอนเงินได้กับทางร้าน</br>
	โทร. 083-916-1555 หรือหน้าร้าน 02-373-2601 (10.00-19.30น.)</br></br>
	ขอบคุณที่อุดหนุนค่ะ</br>
			</p>
		</div>

		</s:form>
		
	</div>
</div>

<map name="checkMap" id="checkMap"><area shape="circle" coords="25,25,20" href="<s:url action="order_check" namespace="/order"/>"/></map>
<map name="confirmMap" id="confirmMap"><area shape="circle" coords="24,25,21" href="<s:url action="order_confirm" namespace="/order"/>" /></map>
<map name="finishMap" id="finishMap"><area shape="circle" coords="24,26,22" href="<s:url action="order_finish" namespace="/order"/>" /></map>

